﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <!--#include virtual="././_header_base.html"-->
    <body>
        <div id="wrap">
            <!--#include virtual="././_header.html"-->

			<!-- (s) Body 영역 (s) -->
            <div class="container" style="width:100%">
                <!--#include virtual="././_left.html"-->
                
                <div class="col-sm-8" >


<!-- (s) 페이지 Html (s) -->

<style type="text/css">
    .masterIcon {
        width: 21px;
        height: 21px;
    }
</style>


<script src="/Scripts/customJS/guestbookLib.js"></script>
<script type="text/javascript">
	$(document).ready(function () {
		$("#btnAdd").on("click", function () {
			$("#divGuestBookWriteArea").modal("show");
		});
	});

	function saveReply(idx) {
		$("#divReplyArea").modal("show");
	}
</script>

<div class="bs-callout bs-callout-article">
    <h3>방명록</h3>
    <p>운영자에게 아는척을 해주세요.</p>
</div>
    
<div class="well">
    <div class="text-right">
        <a id="btnAdd" class="btn btn-success">글 남기기</a>
    </div>

    <hr />
    <div id="divGuestBookList">
            <div id="divRow_150" class="row">
                <div class="col-md-12">
                        <span class="glyphicon glyphicon-send general-guestbook"></span>
                    <b>민 <img class='masterIcon' src='/Images/Shi-en_Castle_Sanctum_Logo.png' width='21' height='21' alt='Master' /></b>
                    <span class="pull-right">2014-07-08</span>
                    <p>추카추카피카츄
블로그 번창하세용! <span onclick="saveReply('150'); return false;" data-ParentIdx="150" class="glyphicon glyphicon-comment btn-reply">댓글쓰기</span></p>
                    <hr />
                
                    <div id="divDetailList_150">
                        <!-- (s) 방명록의 댓글 (s) -->
                    </div>
                </div>
            </div>
        <hr>
            <div id="divRow_149" class="row">
                <div class="col-md-12">
                        <span class="glyphicon glyphicon-send secret-guestbook"></span>                                   
                    <b>숑 <img class='masterIcon' src='/Images/Shi-en_Castle_Sanctum_Logo.png' width='21' height='21' alt='Master' /></b>
                    <span class="pull-right">2014-07-08</span>
                    <p>비밀글 테스트 이지롱... 가민아 보이냥? <span onclick="saveReply('149'); return false;" data-ParentIdx="149" class="glyphicon glyphicon-comment btn-reply">댓글쓰기</span></p>
                    <hr />
                
                    <div id="divDetailList_149">
                        <!-- (s) 방명록의 댓글 (s) -->
                    </div>
                </div>
            </div>
        <hr>
            <div id="divRow_143" class="row">
                <div class="col-md-12">
                        <span class="glyphicon glyphicon-send general-guestbook"></span>
                    <b>엄마</b>
                    <span class="pull-right">2014-07-05</span>
                    <p>엄마다. <span onclick="saveReply('143'); return false;" data-ParentIdx="143" class="glyphicon glyphicon-comment btn-reply">댓글쓰기</span></p>
                    <hr />
                
                    <div id="divDetailList_143">
                        <!-- (s) 방명록의 댓글 (s) -->
                            <div class="col-md-12">
                                <span class="glyphicon glyphicon-chevron-right replyName">
                                    정주영
                                </span>
                                <span>나는 동생이다.</span>
                                <em>(2014-07-05)</em>
                                    <span class="h6">(112.148.200.125)</span>
                            </div>
                            <hr />
                            <div class="col-md-12">
                                <span class="glyphicon glyphicon-chevron-right replyName">
                                    숑<img class='masterIcon' src='/Images/Shi-en_Castle_Sanctum_Logo.png' width='18' height='18' alt='Master' />
                                </span>
                                <span>나는 큰 아들이다. </span>
                                <em>(2014-07-06)</em>
                                    <span class="h6">(::1)</span>
                            </div>
                            <hr />
                    </div>
                </div>
            </div>
        <hr>
            <div id="divRow_101" class="row">
                <div class="col-md-12">
                        <span class="glyphicon glyphicon-send general-guestbook"></span>
                    <b>정졍</b>
                    <span class="pull-right">2014-07-02</span>
                    <p>테스터도 아니고 괜히 와서 딴지 걸어서 미안해요 ㅋㅋ <span onclick="saveReply('101'); return false;" data-ParentIdx="101" class="glyphicon glyphicon-comment btn-reply">댓글쓰기</span></p>
                    <hr />
                
                    <div id="divDetailList_101">
                        <!-- (s) 방명록의 댓글 (s) -->
                            <div class="col-md-12">
                                <span class="glyphicon glyphicon-chevron-right replyName">
                                    숑
                                </span>
                                <span>ㅋㅋㅋ 딴지 걸어도 욕을 해도 좋으니 자주만 들어와죠 ㅋㅋ</span>
                                <em>(2014-07-06)</em>
                                    <span class="h6">(168.154.123.111)</span>
                            </div>
                            <hr />
                            <div class="col-md-12">
                                <span class="glyphicon glyphicon-chevron-right replyName">
                                    숑<img class='masterIcon' src='/Images/Shi-en_Castle_Sanctum_Logo.png' width='18' height='18' alt='Master' />
                                </span>
                                <span>잠깐 너 글에 테스트 좀 해보자 ㅋㅋㅋ</span>
                                <em>(2014-07-06)</em>
                                    <span class="h6">(::1)</span>
                            </div>
                            <hr />
                    </div>
                </div>
            </div>
        <hr>
            <div id="divRow_97" class="row">
                <div class="col-md-12">
                        <span class="glyphicon glyphicon-send general-guestbook"></span>
                    <b>정졍</b>
                    <span class="pull-right">2014-07-02</span>
                    <p>PC로 들어오니 잘 들어와지네요~
프로필 사진 보여주세요 ㅋㅋ(엑박이네요...ㅋㅋ) <span onclick="saveReply('97'); return false;" data-ParentIdx="97" class="glyphicon glyphicon-comment btn-reply">댓글쓰기</span></p>
                    <hr />
                
                    <div id="divDetailList_97">
                        <!-- (s) 방명록의 댓글 (s) -->
                            <div class="col-md-12">
                                <span class="glyphicon glyphicon-chevron-right replyName">
                                    숑숑
                                </span>
                                <span>어랏 난 아직두 안되는데 ㅋㅋㅋㅋ 아놔... 좀만 기달려요~ 호스팅 시작했으니 이제 다시 시작이야 ㅋㅋ</span>
                                <em>(2014-07-02)</em>
                                    <span class="h6">(168.154.123.111)</span>
                            </div>
                            <hr />
                            <div class="col-md-12">
                                <span class="glyphicon glyphicon-chevron-right replyName">
                                    숑
                                </span>
                                <span>암튼 첫 댓글 축하 ㅎㅎ</span>
                                <em>(2014-07-02)</em>
                                    <span class="h6">(115.68.108.123)</span>
                            </div>
                            <hr />
                            <div class="col-md-12">
                                <span class="glyphicon glyphicon-chevron-right replyName">
                                    정졍
                                </span>
                                <span>Contact us 도 엑박 ㅋㅋㅋ</span>
                                <em>(2014-07-02)</em>
                                    <span class="h6">(112.169.64.10)</span>
                            </div>
                            <hr />
                    </div>
                </div>
            </div>
        <hr>
        
        <input type="hidden" id="hidLastGuestBookIdx" name="hidLastGuestBookIdx" value="97" />
    </div>
</div>

<!-- (e) 페이지 Html (e) -->

                </div>
                
                <!--#include virtual="././_right_board.html"-->
            </div>
            <!-- (e) Body 영역 (e) -->

        </div>
		<!--#include virtual="././_footer.html"-->
		
		<!-- (s) 댓글 등록 영역 (s) -->
		<div class="modal fade" id="divGuestBookWriteArea" tabindex="-1" role="dialog" aria-labelledby="GuestbookAddLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title" id="GuestbookAddLabel"><span class="glyphicon glyphicon-plus"></span> 댓글 남기기</h4>
                    </div>

                    <div class="modal-body">
                        <div class="row">
                            <div class="col-xs-6">
                                <label for="txtWriterName">이름</label>
                                <div class="input-group">
                                    <input type="text" id="txtWriterName" name="txtWriterName" value="" class="form-control">			
                                    <span class="input-group-addon">
                                        <input type="checkbox" id="chkIsPrivate">
                                    </span>
                                </div>
                                <label class="text-primary" id="lblSecretMessage">비밀글을 입력하시려면 check박스를 선택해 주세요.</label>
                            </div>
                            <div id="divContract" class="col-xs-6" style="display:none">
                                <label for="txtContract">연락처 / Email</label>
                                <input type="text" id="txtContract" name="txtContract" value="" class="form-control">			
                                <label class="text-primary">비밀글로 등록하시면 방명록에 보이지 않으며, 등록하신 연락처로 주인장이 답변을 드립니다.</label>
                            </div> 
                        </div>
                        <div class="col-xs-12">
                            <label for="txtComment">Comment</label>        
                            <textarea id="txtComment" class="form-control"></textarea><br>
                            <div>
                                <label for="txtChpchVal">자동입력 방지 : </label>[<span id="chpch1"></span>] 더하기 [<span id="chpch2"></span>] 은? 
                                <input type="text" id="txtChpchVal" name="txtChpchVal" value="">
                            </div>
                        </div> 
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">닫기</button>
                        <button type="button" id="btnGuestbookSave" class="btn btn-primary"><b>글남기기</b></button>
                    </div>
                </div>
            </div>
        </div>

		<!-- (s) 답글 등록 영역 (s) -->
		<div class="modal fade" id="divReplyArea" data-parentidx="" tabindex="-1" role="dialog" aria-labelledby="lblReplyTitle" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title" id="lblReplyTitle"><span class="glyphicon glyphicon-plus"></span> 답글달기</h4>
                    </div>

                    <div class="modal-body">
                        <div class="row">
                            <div class="col-xs-6">
                                <label for="txtReplyName">이름</label>
                                <input type="text" id="txtReplyName" name="txtReplyName" value="" class="form-control">			
                            </div> 
                        </div>
                        <div class="col-xs-12">
                            <label for="txtReplyComment">Comment</label>        
                            <textarea id="txtReplyComment" class="form-control"></textarea><br>
                            <div>
                                <label for="txtReChpchVal">자동입력 방지 : </label>[<span id="chpRech1"></span>] 더하기 [<span id="chpRech2"></span>] 은? 
                                <input type="text" id="txtReChpchVal" name="txtReChpchVal" value="">
                            </div>
                        </div> 
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">닫기</button>
                        <button type="button" id="btnGuestbookReSave" class="btn btn-primary"><b>답글달기</b></button>
                    </div>
                </div>
            </div>
        </div>


    </body>
</html>
